*{
    box-sizing: border-box;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}

body{
    background-color: lightsalmon;
}

#container {
    position: relative;
    
}

#ball {
    width: 20px;
    height: 20px;
    background-color: red;
    position: fixed;
    top: 20px;
    left: 52.5%;
    border-radius: 50%;
    box-shadow: 0px 0px 5px 4px rgb(248, 68, 68);
}

#rod1, #rod2 {
    width: 200px;
    height: 20px;
    position: fixed;
    left: 50%;
    border-radius: 25px;
    text-align: center;
    color: white;
    font-weight: bold;
}

#rod1 {
    background-color: blue;
    top: 0px;    
    box-shadow: 0px 0px 10px 7px rgb(8, 8, 248);
}

#rod2 {
    background-color: blueviolet;
    bottom: 0px;
    box-shadow: 0px 0px 10px 3px rgb(146, 61, 226);
}

#rules{
    margin: 10% auto;
    position: relative;
    width: 280px;
    background-color: rgb(252, 217, 239);
    padding: 1px 15px;
    box-shadow: 7px 12px 35px 4px rgb(163, 136, 156);
}

#rules p{
    font-size: 1.2rem;
    font-weight: 500;
    background-color: transparent;
}

#rules h2{
    background-color: transparent;
}
